<template>
  <div class="tabbar flex justify-around">
    <div class="t-item">
      <img src="@/static/tabbar/u64.png" alt="">
      <div>home</div>
    </div>
    <div class="t-item">
      <img src="@/static/tabbar/u67.png" alt="">
      <div>exhibitors</div>
    </div>
    <div class="t-item">
      <img src="@/static/tabbar/u70.png" alt="">
      <div>notifications</div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.tabbar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 102px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px -6px 20px 0px rgba(0, 0, 0, 0.1);
    .t-item{
        text-align: center;
        img{
            width: 70px;
            height: 70px;
        }
    }
}
</style>
